﻿* {margin: 0; padding: 0; border: none; font-size: 12px; text-align: left; font-family: "微软雅黑";}
ul { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; color:#f60;}
.chatBox { width: 560px;
 border: #d9d9d9 1px solid;
 box-shadow: 5px 5px 5px lightgray;
    -moz-box-shadow: 5px 5px 5px lightgray;
    -webkit-box-shadow:  5px 5px 5px lightgray;
    -moz-border-radius: 6px;     
    -webkit-border-radius: 6px; 
    border-radius:6px;         
 height: auto; margin: 0 auto; position: relative; background:#fff;}
/*聊天窗口头部*/
.chatTop{ width:560px; height:120px; background:url(../img/chattop-bg.gif) repeat-x;
    -moz-border-radius-top-left: 6px;
	-moz-border-radius-top-right: 6px;
    -webkit-border-top-left-radius: 6px; 
	-webkit-border-top-right-radius: 6px;  
    border-top-left-radius:6px;
	border-top-right-radius:6px;
	}
.chatTop_t{ width:100%; height:70px;}
.photobox{ width:60px; height:60px; background:url(../img/photo.png) no-repeat; float:left; margin-left:10px;_margin-left:5px; margin-top:20px;}
.chat-title{ width:340px; height:50px; margin-left:10px; margin-top:25px; float:left;}
.chat-title h1,.chat-title h2{ height:25px; line-height:25px; color:#006699;}
.chat-title h1 b{ font-size:16px;}
.chat-title h1 span{ font-size:14px;}
.chat-title h2{ font-size:14px;}
.chat-window-btn{ width:90px; height:20px; float:right; margin-top:8px;}
.chat-window-btn a{ float:left;display: block; width: 18px; height: 18px; margin-left:5px; margin-right:5px;}
.set_btn,.min_btn,.close_btn{ background: url('../img/webchat-btn.png') no-repeat;}
.set_btn{ background-position:0 0;}
.min_btn{ background-position:0 -18px;}
.close_btn { background-position:0 -36px;}
.menue-list{ width:550px; height:22px; clear:both; overflow:hidden; margin-top:20px;_margin-top:10px; margin-left:15px;}
.menue-list li{ float:left; width:30px; height:20px; display:block; background:url(../img/webchat-btn.png) no-repeat; margin-left:6px; margin-right:6px; cursor:pointer;}
.menue-list li.mbtn-01{ background-position:-18px 0;}
.menue-list li.mbtn-02{ background-position:-18px -25px;}
.menue-list li.mbtn-03{ background-position:-18px -50px;}
.menue-list li.mbtn-04{ background-position:-18px -75px;}
.menue-list li.mbtn-05{ background-position:-18px -100px;}
.menue-list li.mbtn-06{ background-position:-18px -125px;}
.menue-list li.mbtn-07{ background-position:-18px -150px;}
/*聊天窗口左边聊天内容显示区域及信息输入区域*/
.chatLeft { border-right: 1px #bebebe solid; width: 370px; height: auto; float:left; }
.chat01_title{ background:#def4ff; height:30px; position: relative;}
.talkTo li.talk-tips-pic{ background: url('../img/webchat-btn.png') no-repeat 0 -58px; width:18px; height:18px;}
.talkTo li.talk-tips-txt{ width:296px;_width:266px;}
.talkTo li { color:#586267; line-height: 17px; float: left; display:block; margin:6px;_margin:2px;}
.talkTo li a { background: url('../img/webchat-btn.png') no-repeat 0 -80px; width:18px; height:14px; display:block; margin-top:4px;_margin-left:11px;}
.chat01_content { height:220px; overflow-x: none; overflow-y: auto; resize:vertical; position:relative;}


.chat02_title{ background:#f7f7f7; height: 28px; position: relative;}
.chat02_title_btn { background: url('../img/webchat-btn.png') no-repeat 0 0; cursor: pointer; float: left; display: block; width: 30px; height: 20px; margin: 5px 2px; }
.ctb01-1{ background-position: -48px 0; margin-left:5px;}
.ctb01{ background-position: -48px -25px;}
.ctb02{ background-position: -48px -50px;}
.ctb03{ background-position: -48px -75px;}
.ctb04{ background-position: -48px -100px;}
.ctb05{ background-position: -48px -125px;}
/*聊天记录按钮*/
.chat02_title_t { background: url('../img/webchat-btn.png') no-repeat -55px -152px; position: absolute; padding-left: 25px; top: 9px; right: 20px; display: block; width: auto; height: 18px; }
.chat02_title_t a { color:#333; font-size:12px; text-decoration: none; }
.chat02_title_t a:hover { color:#f60; text-decoration: underline; }



/*聊天内容显示区域*/
.chat02_content { height: auto; width:369px; clear:both; overflow:hidden;}
.chat02_content textarea{ border: medium none;outline:none; display: block; width:360px; height: 96px; overflow-y: auto; padding:5px; resize: vertical; }

/*显示聊天内容*/
.message {
	clear: both;
	overflow:hidden;
	position: relative;
	resize:none;
	margin:10px 0 10px 12px;
}
/*姓名*/
.message .wrap-text {
	float: left;
	width: auto;
	overflow: hidden;
	resize:none;
	margin-right:2px;
}
.message h5 {
	font-weight: bold;
	font-size:12px;
	height:32px; line-height:32px;
}
.message h5.ask-name{ color:#009933;}
.message h5.question-name{
	color: #0066cc;}
/*日期*/
.message .wrap-ri {
	float: left;
	width: 180px;
	overflow: hidden;
	resize:none;
	height:35px; line-height:35px;
}
.message .wrap-ri span{ width:180px; height:32px; line-height:32px; display:block;
	color:#999;
	font-size:14px;}
/*信息内容*/
.wrap-cont{ clear:both; overflow:hidden; font-size:14px; padding:6px 0;}

input.f1 , input.f2 { display: none; }
/*聊天窗口右侧提示信息*/
.chatRight { width: 188px;_width: 185px; height: auto; float:right; }
.chatRight h3{ color:#0066cc; font-size:14px; margin:10px 0 0 22px; height:32px; line-height:32px;}
.chatRight h4{ color:#333; font-weight:normal; margin-left:22px; line-height: 32px; }
.chatRight h4>a{ display:inline-block; color: #333; font-family: "微软雅黑";}
.chatRight h4>a i{ padding-right:3px;}
.message_box { display: none;}

.wl_faces_box { background: url('../img/wlf_bg.png') repeat 0 0; position: absolute; width: 428px; height: 225px; bottom: 22px; left: -20px; display: none; }
.wl_faces_content { background: #fff; border: 1px #ccc solid; width: 417px; height: 216px; margin: 3px 4px; }
.wl_faces_content .title { background: url('../img/wlf_title_bg.jpg') repeat-x 0 0; height: 40px; position: relative; }
.wl_faces_content .title ul {  }
.wl_faces_content .title ul li { position: absolute; display: block;}
.wl_faces_content .title ul li.title_name { background: url('../img/wlf_title_btn.jpg') no-repeat 0 0; width: 82px; height: 30px; bottom: 0; _bottom:-2px; left: 15px; text-align: center; line-height: 32px; font-weight: bold; color: #333; }
.wl_faces_content .title ul li.wl_faces_close { right: 8px; top: 15px; }
.wl_faces_content .title ul li.wl_faces_close span { background: url('../img/icon.png') repeat-x 0 0; cursor: pointer;display: block; width: 15px; height: 15px; }

.wl_faces_main {  }
.wl_faces_main ul { margin: 12px 28px; overflow: hidden; border-top: 1px #CCC solid; border-left: 1px #CCC solid; width:360px; }
.wl_faces_main ul li { float: left; border-right: 1px #CCC solid; border-bottom: 1px #CCC solid; height: 22px; width: 26px; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center; }
.wl_faces_main ul li img { width: 22px; height: 22px; }
/*表情弹窗*/
.wlf_icon { background: url('../img/layer_arrow.png') no-repeat 0 0; position: absolute; width: 22px; height: 9px; bottom: -4px; _bottom: -11px; left: 61px; }
/*发送按钮栏*/
.chat02_bar { background: url('../img/chat_bar_bg.jpg') repeat-x 0 0; height: 35px; position: relative;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;  
    border-bottom-left-radius:6px;
}
.chat02_bar ul {height: 100%; background: url('../img/binliy_logo.png') no-repeat 10px 8px;}
.chat02_bar li { position: absolute;}
.green {color:#418041;}
